<script>
export default {
  name: 'NvBar'
}
</script>

<template>
  <nav>
    <ul>
      <li>
        <a href="#">关于我们</a>
      </li>
      <li>
        <a href="#">绿色生活方式</a>
      </li>
      <li>
        <a href="#">博客与新闻</a>
      </li>
      <li>
        <a href="#">清洁能源</a>
      </li>
    </ul>
  </nav>
</template>

<style scoped>
nav {
  background-color: #f8f9fa;
  padding: 1rem;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline;
  margin-right: 1rem;
}

a {
  text-decoration: none;
  color: #007bff;
}

a:hover {
  text-decoration: underline;
}
</style>